<div class="wrapper">
  <div class="wrating">
    <h5>开始编写新闻内容</h5>
    <label for=""
      ><h6>标题:</h6>
      <input
        type="text"
        class="form-control news-title"
        placeholder="请输入标题"
        [(ngModel)]="nwTitle"
      />
    </label>
    <br />
    <label for=""
      ><h6>作者：</h6>
      <input
        type="text"
        class="form-control news-avatar"
        placeholder="请输入作者"
        [(ngModel)]="nwAvatar"
      />
    </label>
    <br />
    <h6>内容：</h6>
    <textarea
      class="form-control"
      rows="3"
      placeholder="请输入新闻内容"
      [(ngModel)]="nwDesc"
    ></textarea>
    <p>
      <button type="submit" class="btn btn-info nw-action" (click)="onClick()">
        确定发布
      </button>
    </p>
  </div>
  <div class="news-list">
    <h5>新闻列表</h5>
    <ul class="list-group">
      <li class="list-group-item" *ngFor="let newsItem of newsLists">
        <a href="#">{{ newsItem.title }}</a> <span>删除</span>
        <span>修改</span> <span>{{ newsDate | date: 'MM-dd HH:mm' }}</span>
        <span>{{ newsItem.avatar }}</span>
      </li>
    </ul>
  </div>
</div>
